<template>
  <div class="swipreBox">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="dt in imgs" :key="dt">
        <!-- <img :src="dt" > -->
        <Image :type="2" :url="dt"/>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import { Swipe as vanSwipe, SwipeItem as vanSwipeItem } from 'vant';
import Image from '@/components/image.vue'
export default {
  props: {
    imgs: {
      type:Array,
      default: () => [],
    },
  },
  components: {
    vanSwipe,
    vanSwipeItem,
    Image
  },

  setup(){

  }
  
};
</script>
<style lang="scss">
.swipreBox {
  width: 100%;
  .van-swipe {
    height: 100%;
    img{
      width: 100%;
    }
  }
}
</style>